/* ==========================================================
 * SCREEN.css Main CSS File
 * ==========================================================
 */

/*
 * Framework Overrides
 *
 * Use this section to include any changes that are specifically intended to override directives in your
 * framework, if you are using one.
 */
.showgrid {
	background-image: url('grid.png');
}

div#container {
	border: 2px solid #111;
	background-color: #F1F1F1;
	width: 790px;
	height: 560px;
}

div.notices_bg {
	background-color: #FFF6BF;
	-khtml-opacity: 0.95;    /* khtml, old safari */
	-moz-opacity: 0.95;      /* mozilla, netscape */
	opacity: 0.95;           /* fx, safari, opera */
	padding: 3px 0px;
}

div.notices p {
	border: none;
	font-weight: bold;
	font-size: 1.1em;
	background-color: transparent;
	margin: 1px;
	padding: 2px;
	text-align: center;
}

/*
 * Main content styling and universal classes
 *
 * These include things that will be used often throughout the site and will apply to
 * many different types of elements.  Examples include .float_left, .float_right, .no_float,
 * .clear, .big_border, etc.
 */

 /* --- Forms --- */

 form {
	 width: 98%;
 }

 fieldset {
	 border: none;
	 border-top: 1px solid #CCC;
	 padding: 5px 15px;
	 margin-bottom: 20px;
 }

 fieldset p {
	 margin: 2px;
 }

 fieldset div.form_error {
	 clear: both;
	 color: #990000;
 }

 fieldset p.half_width {
	 display: inline;
	 width: 45%;
	 float: left;
	 text-align: right;
 }

 fieldset.form_submit_area {
	 border: none;
	 text-align: right;
 }

 fieldset.form_submit_area > legend {
	 display: none;
 }

 fieldset.form_submit_area button {

 }

/*
 * Default/General Typography and Colors
 *
 * Includes the typography, list styles, colors, heading styles, tables, etc. to use by
 * default on the website.  Generally, styles in this section will not apply to any specific ID's or Classes,
 * but will apply to to general elements.
 *
 * This is the area where you define the styles for the "main content area" of your pages.
 */

/*
 * Panels, panes, and other layout
 *
 * Includes all of the main layout items like #header_pane, #footer_pane,
 * #content_pane, #nav_pane, etc.
 */

 div#navigation_pane ul {
	 width: 632px;
	 height: 40px;
	 margin: 0px;
	 padding: 2px 79px 1px 79px;
	 list-style-type: none;
	 background-color: #444;
 }

 div#navigation_pane ul > li {
	 width: 150px;
	 padding: 0px;
	 margin: 0px;
	 display: block;
	 float: left;
	 text-align: center;
	 font-size: 22px;
	 font-family: Georgia, Times, Serif;
 }

 div#navigation_pane ul > li > a {
	 display: block;
	 padding: 3px;
	 text-decoration: none;
	 color: #FFF;
 }

 div#navigation_pane ul > li > a:hover {
	 background-color: #C8CBBC;
	 color: #222;
 }

 div#navigation_pane ul > li.current {
	 background-color: #DBDECD;
 }

 div#navigation_pane ul > li.current > a {
	 color: #000;
 }

 div#navigation_pane ul > li.current > a:hover {
	 background-color: #FFF;
	 color: #000;
 }

 div#content_pane {
	 height: 454px;
 }

 div#content_pane div.notices_bg {
	 position: absolute;
	 width: 790px;
	 z-index: 900;
 }

 div#content_pane div.notices {
	 position: absolute;
	 z-index: 1000;
	 width: 790px;
 }

 div#content_pane > div.panel_left {
	 overflow: hidden;
	 height: 454px;
	 background-color: #E5E5E5;
 }

 div#content_pane > div.panel_right {
	 overflow-y: scroll;
	 overflow-x: hidden;
	 height: 454px;
 }

 div#footer_pane {
	 margin: 0px;
	 padding: 0px;
	 background-color: #888;
 }

 div#footer_pane p {
	 text-align: right;
	 padding: 3px 5px;
	 border-top: 1px solid #333;
	 margin: 1px;
 }

/*
 * Special tables
 *
 * If the site will include different types of tables, style all but the default table type
 * in this section
 */

/*
 * Special lists
 *
 * If the site will include different types of lists, style all but the default list types
 * in this section
 */

 div.panel_left ul.left_panel_actions {
	 margin: 5px 0px;
	 padding: 0px;
	 list-style-type: none;
 }

 div.panel_left ul.left_panel_actions li {
	 margin: 1px 0px;
 }

 div.panel_left ul.left_panel_actions li > a,
 div.panel_left ul.left_panel_actions li > span {
	 display: block;
	 padding: 5px 10px;
 }

 div.panel_left ul.left_panel_actions li > a:hover {
	 background-color: #FFF;
 }

/*
 * Special forms
 *
 * If the site includes any forms at all, style them in this section
 */

/*
 * Widgets
 *
 * Widgets include any special items that will be used repeatedly on the site.  Ex:
 * div.info_box or p.important_text or div.callout_quote
 */

/*
 * Special sections
 *
 * Special sections include any Javascript-dependent CSS or other uncategorizable
 * items like dialog boxes, lightboxes, etc.
 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
